<?php
include "includes/ui.php";

echo headerHTML("student","บันทึการพ้นสภาพ/ยายห้อง");
?>
 <!-- Moldule: Popup -->
<div id="popup" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">

    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h3 id="myModalLabel"><i class="icon-cog"></i> เปลี่ยนสถานะนักเรียน</h3>
    </div>
 <form class="form-horizontal" style="margin-bottom: 0px!important;">
    <div class="modal-body">

          <div class="control-group">
                <label class="control-label" for="inputName"><i class="icon-double-angle-right"></i> สถานะ</label>
                <div class="controls">
                  <select class="no-margin" id="cboStatus" style="width:180px !important;">
				</select>
                </div>
            </div>                       
 
            <div class="control-group">
                <label class="control-label" for="inputName"><i class="icon-double-angle-right"></i> หมายเหตุ</label>
                <div class="controls">
                    <input type="text" id="txtReason" required maxlength="80" placeholder="เหตุผล">
                </div>
            </div>                       
 
		 
    </div>

    <div class="modal-footer">

        <button class="btn btn-primary" id='btnSave' type='submit'>บันทึก</button>
        <button class="btn" data-dismiss="modal" aria-hidden="true">ยกเลิก</button>
      

    </div>
  </form>
</div> 

<div id="popup2" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">

    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h3 id="myModalLabel"><i class="icon-cog"></i> การย้ายห้อง</h3>
    </div>
  <form class="form-horizontal" style="margin-bottom: 0px!important;">
    <div class="modal-body">
            <div class="control-group">
                <label class="control-label" for="inputName"><i class="icon-double-angle-right"></i> ย้ายไปห้อง </label>
                <div class="controls">
                     	   <select class="no-margin span8" id="cboRoom_to" tabindex="2" style="width:140px !important;">
							</select>
                </div>
            </div>                       
   			<div class="control-group">
                <label class="control-label" for="inputName"><i class="icon-double-angle-right"></i> เหตุผลที่ย้าย </label>
                <div class="controls">
                     	    <input type="text" id="txtReasonRoom" required maxlength="80" placeholder="เหตุผล">
                </div>
            </div>                  
       		 
    </div>

    <div class="modal-footer">

        <button class="btn btn-primary" id='btnSave2' type='submit'>บันทึก</button>
        <button class="btn" data-dismiss="modal" aria-hidden="true">ยกเลิก</button>
        

    </div>
</form>
</div> 

<!-- / Module: Popup --> 
<!-- Live Stats -->
<div class="row-fluid">

    <!-- Pie: Box -->
    <div class="span12">

        <!--  : Top Bar -->
        <div class="top-bar">
			 
            <h3><i class="icon-cog"></i> บันทึกการพ้นสภาพ/ย้ายห้อง</h3>
			
			 <div class='tmp' style='float:right'>
			<a href="#"  ><button class="btn"  style='width:80px;' id='btnPrintDraft' tooltip="Add">พิมพ์</button></a>
			</div>
			
        </div>
        <!-- /  : Top Bar -->
		
        <!-- Pie: Content -->
        <div class="well no-padding">
<div class="span12">
				<div class="row-fluid">
				 <form class="form-horizontal" style="margin-bottom: 0px!important;">
					<div class='span12'>
					 
						<div class="control-group" >
								<label class="control-label"  for="inputName"><i class="icon-double-angle-right"></i> รหัสนักเรียน </label>
								<div class="controls">
								 <input type="text" id="txtCode_Search" placeholder="รหัสนักเรียน">
								 <span class="help-inline" style="font-weight:bold;margin-left:80px;">ชื่อ-นามสกุล&nbsp;</span>
								<input type="text" id="txtStudent_Search" placeholder="ชื่อนักเรียน">
								</div>
						</div>
						
						<div class="control-group" >
							<label class="control-label" ><i class="icon-double-angle-right"></i> ระดับชั้น </label>
							<div class="controls">
								 
								<select class="no-margin" id="cboClass_Search"  style="width:150px !important;">
								</select>
								<select class="no-margin" id="cboRoom_Search"  style="width:70px !important;">
								</select>
								
								<span class="help-inline" style="font-weight:bold;margin-left:80px;">สถานะ&nbsp;</span>
								&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<select class="no-margin" id="cboStatus_Search" style="width:180px !important;">
								</select>
								 <button class="btn btn-inverse" style='margin-left:50px;height:30px;' type='button' rel="tooltip" title="" id='btnSearch'  data-original-title="ค้นหาข้อมูล"><i class="icon-search"></i></button> 
							</div>
							
						</div>
	 
					</div>
				</form>
				</div>
		</div>

            <table class="data-table" id='resultData'>
                <thead style='border-top:1px solid #c2c2c2;border-bottom:1px solid #c2c2c2;'> 
                    <tr >
                        <th style='color:#333 !important;width:40px !important;'>#</th>
						<th style='color:#333 !important;width:0px !important;'></th>
						<th style='color:#333 !important;width:0px !important;'></th>
						<th style='color:#333 !important;width:0px !important;'></th>
                        <th style='color:#333 !important;width:90px !important;' class='text-left'>รหัสนักเรียน</th>
                        <th style='color:#333 !important;width:230px !important;' class='text-center'>ชื่อ - นามสกุล</th>
						<th style='color:#333 !important;width:120px !important;' class="center">ระดับชั้น </th>
						<th style='color:#333 !important;width:80px !important;' class="center">สถานะ</th>
						<th style='color:#333 !important;' class="center">เหตุผล</th>
						<th style='color:#333 !important;width:120px !important;' class="center">วันที่กรอกข้อมูล</th>
                        <th style='color:#333 !important;width:100px !important;' class="center">เปลี่ยนสถานะ</th>
                        <th style='color:#333 !important;width:60px !important;' class="center">ย้ายห้อง</th>
                    </tr>
                </thead>
                <tbody>
                   
                </tbody>

            </table>

        </div>
        <!-- / Pie: Content -->

    </div>
    <!-- / Pie -->

</div>
<!-- / Live Stats -->

<?php
echo footerHTML();
?>

<!-- Javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src='js/jquery.hotkeys.js'></script>
<!--script src='js/fullcalendar.min.js'></script-->
<script src="js/jquery-ui-1.10.2.custom.min.js"></script>
<script src="js/jquery.pajinate.js"></script>
<!--script src="js/jquery.prism.min.js"></script-->
<script src="js/jquery.dataTables.min.js"></script>

<script src="js/jquery.flot.resize.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/bootstrap-wysiwyg.js"></script>
<!--script src="js/bootstrap-typeahead.js"></script-->
<script src="js/jquery.easing.min.js"></script>
<script src="js/jquery.chosen.min.js"></script>
<script src="js/avocado-custom.js"></script>
<script src="js/jqBootstrapValidation.js"></script>
<script src="js/myScript/js_student_status.js"></script>

</html>